$(function() {
    $(".head-search>input").focus(function() {
        $(this).next().css({
            backgroundPositionY: "-140px",
        })
        $(this).parent().css({
            left: "574px"
        })
        $(this).css({
            width: "382px",
        })
    })
    $(".head-search>input").blur(function() {
            $(this).next().css({
                backgroundPositionY: "-110px"
            })
            $(this).css({
                width: "110px",
            })
            $(this).parent().css({
                left: "846px"
            })
        })
        //轮播图
    var index = 1
    var time1 = setInterval(function() {
        var num = index % 2
        $('.swiper>ul>li').css({
            'background-color': 'rgba(0, 0, 0, .7)'

        })
        $('.swiper>.pic').css({
            transform: 'rotateY(' + (index * -90) + 'deg)'
        })
        var num = index % 2
        $('.swiper>ul>li').eq(num).css({
            'background-color': 'rgba(255, 255, 255, .7)'

        })
        index++

    }, 4000)
    $('.toTop').children().eq(0).hide()
        //返回顶部
    $(window).scroll(function() {
        if ($(window).scrollTop() < 600) {
            $('.toTop').children().eq(0).hide(100)
        } else if ($(window).scrollTop() > 600) {
            $('.toTop').children().eq(0).show(100)
        }
        if ($(window).scrollTop() > 1180) {
            $('.toTop').css({
                'position': 'absolute',
                'bottom': '5px'
            })
        } else if ($(window).scrollTop() < 1180) {
            $('.toTop').css({
                'position': 'fixed',
                'bottom': '20px'
            })
        }
    })
    $('.toTop').children().eq(0).click(function() {

        $(window).scrollTop = 600
    })



    $("[btn='btn']").children().mouseover(function() {
        $(this).addClass('active').siblings().removeClass('active')
        var $index = $(this).index() + 1
        console.log($index)
        var idName = $(this).parent().data('target')
            // console.log($(idName)[0])

        $(idName).children().eq($index).show().siblings().hide()
        $(idName).children().eq(0).show()
    })

    $('.toclick').children().click(function() {
        $('.toclick>li').children().removeClass('active')
        $(this).children().addClass('active')
    })






})